<!doctype html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title>Projekt MBI</title>
	<script src="jquery.min.js"></script>
	<link rel="stylesheet" href="jquery-ui.css" />
	<script src="jquery-ui.min.js"></script>
	<link href="style.css" rel="stylesheet" type="text/css">
	<script src="resources.js" type="text/javascript"></script>
	<script src="script.js" type="text/javascript"></script>
</head>
<body>
	Aminokwasy - kliknięcie dodaje:
	<center>
	  <div id="aminokwasy">
		  <a href="#" class="button adder" style="background-color: #ffffaa">lizyna</a>
		  <a href="#" class="button adder" style="background-color: #ffaaff">asparagina</a>
		  <a href="#" class="button adder" style="background-color: #aaffff">treonina</a>
		  <a href="#" class="button adder" style="background-color: #66aaaa">arginina</a>
		  <a href="#" class="button adder" style="background-color: #ffaaaa">seryna</a>
		  <a href="#" class="button adder" style="background-color: #aaaaff">izoleucyna</a>
		  <a href="#" class="button adder" style="background-color: #aaffaa">metionina</a>
		  <a href="#" class="button adder" style="background-color: #ffaa66">glutamina</a>
		  <a href="#" class="button adder" style="background-color: #aa66ff">histydyna</a>
		  <a href="#" class="button adder" style="background-color: #aaff66">prolina</a>
		  <a href="#" class="button adder" style="background-color: #66ffaa">leucyna</a>
		  <a href="#" class="button adder" style="background-color: #ff66aa">kwas-glut</a>
		  <a href="#" class="button adder" style="background-color: #66aaff">kwas-asp</a>
		  <a href="#" class="button adder" style="background-color: #6666ff">alanina</a>
		  <a href="#" class="button adder" style="background-color: #66ff66">glicyna</a>
		  <a href="#" class="button adder" style="background-color: #ff6666">walina</a>
		  <a href="#" class="button adder" style="background-color: #aa66aa">tyrozyna</a>
		  <a href="#" class="button adder" style="background-color: #aaaa66">tryptofan</a>
		  <a href="#" class="button adder" style="background-color: #66aa66">cysteina</a>
		  <a href="#" class="button adder" style="background-color: #99ff99">fenyloalanina</a>
	  </div>
	</center>
	<br>Lista - drag+drop, kliknięcie usuwa:<br>
	<ul id="sortable" class="droptrue">
    <li class="aminokwas" style="background-color: #aaff66">prolina </li>
    <li class="aminokwas" style="background-color: #aaaaff">izoleucyna </li>
    <li class="aminokwas" style="background-color: #ff6666">walina </li>
  </ul>
	Lista otrzymanych trójek:
  <br>
	  <ul id="nonsortable">
      <li class="aminokwas" style="background-color: #aaff66">CCU </li>
      <li class="aminokwas" style="background-color: #aaaaff">AUU </li>
      <li class="aminokwas" style="background-color: #ff6666">GUC </li>
    </ul>
	<br>
	<center>
    <a href="#" id="learn" class="clickable">NAUKA</a>
    <a href="#" id="btnget" class="clickable">START</a>
    <a href="#" id="btntoggle" class="clickable">AUTO</a>
    <a href="#" id="test" class="clickable">TEST</a>
  </center>
	Historia:
   <br>
	<textarea id="coutput" value="" readonly></textarea>
	
	<br>
	Wczytaj plik do uczenia: 
  <input type="file" id="files" name="file" /> 
	<br style="clear:both">

  Wczytaj plik do testów: 
  <input type="file" id="test_files" name="test_file" /> 
	<br style="clear:both">

</body>
</html>
